<div class="login-container">
  <form [formGroup]="loginForm" (ngSubmit)="onSubmit()" novalidate>
    <nz-input-group [nzSuffix]="suffixTemplate">
      <input type="text" nz-input placeholder="用户名" appFocus formControlName="username" nzSize="large"/>
    </nz-input-group>
    <ng-template #suffixTemplate>
      <i nz-icon nz-tooltip nzTitle="Extra information" nzType="info-circle"></i>
    </ng-template>
    <br/><br/>
    <nz-input-group [nzSuffix]="suffixTemplate">
      <input type="password" nz-input placeholder="密码" formControlName="password" nzSize="large"/>
    </nz-input-group>
    <ng-template #suffixTemplate>
      <i nz-icon nz-tooltip nzTitle="Extra information" nzType="info-circle"></i>
    </ng-template>
    <br/><br/>
    <nz-select style="width: 100%;" formControlName="scope" nzPlaceHolder="用户域" nzSize="large">
      <nz-option *ngFor="let s of scopes" [nzValue]="s.k" [nzLabel]="s.v"></nz-option>
    </nz-select>
    <br/><br/>
    <button style="width: 100%;" nz-button nzType="primary" type="submit" [disabled]="!loginForm.valid">登录</button>
  </form>
</div>
